<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>民族服饰购物网</title>
	<link rel="stylesheet" href="style/css.css" />
	<style type="text/css">
	</style>
</head>

<body>

	<div class="head">
		<div class="w">
			<div class="nav">
				<ul>
					<li class="logo">
						<img src="images/logo.jpg" alt="">
						<h1>民族服饰购物网</h1>
					</li>
					<li><a href="index.html">网站首页</a></li>
					<li><a href="shop.html">在线商城</a></li>
					<li><a href="xuetang.html">汉服学堂</a></li>
					<li><a href="denglu.html">登录</a></li>
					<li><a href="zhuce.html">注册</a></li>
				</ul>
			</div>
		</div>
	</div>


	<div class="banner">
		<ul>
			<li><img src="images/banner1.webp" alt=""></li>
			<li><img src="images/banner2.webp" alt=""></li>
			<li><img src="images/banner3.webp" alt=""></li>
			<li><img src="images/banner4.webp" alt=""></li>
			<li><img src="images/banner2.jpg" alt=""></li>

		</ul>
		<ol></ol>
		<div class="btn btn_l">&lt;</div>
		<div class="btn btn_r">&gt;</div>
	</div>


	<div class="w">
		<h1 class="title">中国传统服饰</h1>
		<p class="pbp">
			中国传统服饰文化是中华文明的重要组成部分，具有悠久的历史和丰
			富的内涵。自古以来，中国人民以衣着为荣，注重礼仪和仪容。中国传统
			服饰文化不仅体现了中华民族对美的追求，也反映了其社会文化、审美观
			念和道德伦理。 <br>
			中国传统服饰文化起源于远古时代，进入了黄河流域的晚期新石器时
			代。最早的服饰是以兽皮为原料制作的。随着历史的发展，制衣技术也逐
			渐完善，衣料质地逐渐丰富，颜色花纹也得到了创新。秦汉时期，汉族服
			饰标志着中国传统服饰文化的兴起，形成了“袍褂裙襦”的基本款式，并
			且将服饰作为社会地位的象征。 <br>
			在中国传统服饰文化中，男性通常穿着长衫和马褂，女性则穿着旗袍
			和汉服等。男性的长衫通常是一件长袍，上面有衣襟和袖子，胸口有纽扣
			或系带。而马褂则是一种紧身的上衣，通常配以长裙或裤子。女性的旗袍
			是一种修身的连衣裙，具有独特的剪裁和曲线，代表了女性的柔美和婉约。
			汉服则是中国古代的传统服饰，包括长袍和襦裙等多种款式，其特点是束
			腰、展示身材曲线。
			<div class="panel">
				<div class="panel-header">
					宋辽夏金元
				</div>
				<div class="panel-body">
					<p>
						宋代基本保留了汉民族服饰的风格，辽、西夏、金及元代的服饰则分别具有契丹、党项、女真及蒙古民族的特点。各民族服饰交流与融合。
					</p>
					<p>
						宋代汉服大致有官服、便服、传统服等三式。宋代官服面料以罗为主，政府因五代旧制，每年要赠送亲贵大臣锦缎袍料，分七宋代灵鹫球纹锦袍等不同花色。官服服色沿袭唐制，三品以上服紫，五品以上服朱，七品以上服绿，九品以上服青。官服服式大致近于晚唐的大袖长袍，但首服（冠帽等）已是平翅乌纱帽，名直脚幞头，君臣通服，成为定制。宋代官服又沿袭唐代章服的佩鱼制度，有资格穿紫、绯色公服的官员都须在腰间佩挂“鱼袋”，袋内装有金、银、铜制成的鱼，以区别官品。“方心曲领”也是朝服的特征，即朝服项间套上圆下方的饰物。宋代官员公服、制服之外的日常便服，主要是小袖圆领衫和帽带下垂的软翅幞头，依然唐式，脚下却改着更便于平时起居的便鞋。宋代遗老的代表性服饰为合领（交领）大袖的宽身袍衫、东坡巾。袍用深色材料缘边，以存古风。东坡巾为方筒状高巾子，相传为大文学家苏东坡创制，实为古代幅巾的复兴，明代的老年士绅还常戴用。
					</p>
					<p>
						宋代民间首服也有种种流行。男子流行幞头、幅巾，女子则流行花冠和盖头。妇女发式和花冠，是当时对美追求的重点，最能表现宋代装束的变化。唐及五代的女子花冠已日趋危巧，宋代花冠再加发展变化，通常以花鸟状簪钗梳篦插于发髻之上，无奇不有。
					</p>
				</div>
				<div class="panel-header">明代服饰
				</div>
				<div class="panel-body">
					<p>
						经过元代蒙古人统治之后，明代恢复汉族的传统，明太祖朱元璋重新制定汉服服饰制度。明代皇帝戴乌纱折上巾（乌纱翼善冠），帽翅自后部向上竖起。明初要求衣冠恢复唐制，其法服的式样与唐代相近，只是将进贤冠改为梁冠，又增加了忠靖冠等冠式。自唐宋以来，龙袍和黄色就为皇室所专用。百官公服自南北朝以来紫色为贵。明朝因皇帝姓朱，遂以朱为正色，又因《论语》有“恶紫之夺朱也”，紫色自官服中废除不用。明代的公服亦用幞头和圆领袍，但这时的幞头外涂黑漆,脚短而阔,名乌纱帽，无官职的平民不得服用。公服除依品级规定服色外，最有特色的是用“补子”表示品级。
						补子是一块约40～50厘米见方的绸料，织绣上不同纹样，再缝缀到官服上，胸背各一。文官的补子用鸟，武官用走兽，各分九等。为褒奖官员的功勋，另特赐蟒袍、飞鱼服、斗牛服等服饰。蟒是四爪之龙,飞鱼为鱼尾有鳍之蟒,斗牛则在蟒头上加弯曲的牛角。官至极品则用玉带。所以“蟒袍玉带”就成为这时大官僚之最显赫的装束。平常穿的圆领袍衫则凭衣服长短和袖子大小区分身份，长大者为尊。受到诰封的官员妻、母，也有以纹、饰区别等级的红色大袖礼服和各式霞披。此外，上层妇女中已着用高跟鞋，并有里高底、外高底之分。上下层社会的服饰均有明显等级。
					</p>
				</div>
				<div class="panel-header">清代服饰
				</div>
				<div class="panel-body">
					<p>
						清王朝时，以暴力手段推行剃发易服，按满族习俗统一男子服饰。顺治九年（1652），钦定《服色肩舆条例》颁行，从此废除了浓厚汉民族色彩的冠冕衣裳。明代男子一律蓄发挽髻，着宽松衣，穿长统袜、浅面鞋；清时则剃发留辫，辫垂脑后，穿瘦削的马蹄袖箭衣、紧袜、深统靴。但官民服饰依律泾渭分明。
					</p>
					<p>
						清代女装，汉、满族发展情况不一。汉族妇女在康熙、雍正时期还保留明代款式，时兴小袖衣和长裙；乾隆以后，衣服渐肥渐短，袖口日宽，再加云肩，花样翻新无可底止；到晚清时都市妇女已去裙着裤，衣上镶花边、滚牙子，一衣之贵大都花在这上面。满族妇女着“旗装”，梳旗髻（俗称两把头），穿“花盆底”旗鞋。至于后世流传的所谓旗装，长期主要用于宫廷和王室。
					</p>
				</div>
			</div>

		</p>
		<div class="line">
			<div class="lbox border mr20">
				<h3>服饰属性</h3>
				<p>汉族民族服饰</p>
				<img src="images/1-1.png" class="lbox-img" id="Image1"
					onMouseOver="MM_swapImage('Image1','','images/1-2.jpg',1)" onMouseOut="MM_swapImgRestore()">
			</div>
			<div class="lbox border mr20">
				<h3>基本特点</h3>
				<p>交领、右衽、系带</p>
				<img src="images/1-2.png" class="lbox-img" id="Image2"
					onMouseOver="MM_swapImage('Image2','','images/1-3.jpg',1)" onMouseOut="MM_swapImgRestore()">
			</div>
			<div class="lbox border mr20">
				<h3>基本形制</h3>
				<p>衣裳、深衣、袍衫、襦裙</p>
				<img src="images/1-3.png" class="lbox-img" id="Image3"
					onMouseOver="MM_swapImage('Image3','','images/1-4.jpg',1)" onMouseOut="MM_swapImgRestore()">
			</div>
			<div class="lbox border">
				<h3>组成结构</h3>
				<p>首服、体衣、足衣、配饰</p>
				<img src="images/1-4.png" class="lbox-img" id="Image4"
					onMouseOver="MM_swapImage('Image4','','images/1-1.jpg',1)" onMouseOut="MM_swapImgRestore()">
			</div>
		</div>
		<div class="c"></div>
	</div>

	<div class="line3">
		<div class="w">
			<div class="l3-left">
				<h1 class="title3 title">走进汉服</h1>
				<div class="ll3box">
					<img src="images/w.jpg">
					<div class="ll3box-right">
						<i>
							汉服与文化也有着紧密的关系，汉服充分展现了古人“仁、义、礼、智、信”的道德内涵，无论是文化艺术，武术剑道还是茶道香道等方面，汉服都是最能与之相结合的服饰。
						</i>
					</div>
					<div class="clear"></div>
				</div>
			</div>

			<div class="l3-right">
				<h1 class="title3 title">相关资讯</h1>
				<div class="l3rbox">
					<span></span>
					<p>汉服基础知识及商家大全</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>汉服美人欣赏,我穿越了千年,只为了和你相遇</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>12星座汉服鉴赏,我超爱巨蟹,你呢?</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>汉服鉴赏:人与妖间,情深缘浅,只怕不过过眼云烟</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>【约会春天】汉服欣赏</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>唐风锦绣,美如古画:唐朝风格汉服美图赏析!</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>国文社汉服与茶艺赏析会活动圆满举办</p>
					<div class="clear"></div>
				</div>
				<div class="l3rbox">
					<span></span>
					<p>穿着汉服欣赏樱花</p>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="c"></div>



	<div class="footer">
		<div class="w">
			<p>&copy;版权所有 | 民族服饰购物网</p>
		</div>
	</div>

</body>

<script src="js/jquery.js"></script>
<script src="js/yinghuayu.js"></script>
<script type="text/javascript">
	var imgwidth = 1000; //图片宽度
	$(function () {
		var index = 0;
		// first() 将匹配元素集合缩减为集合中的第一个元素。
		// clone() 克隆
		$('.banner ul li').first().clone().appendTo('.banner ul'); //克隆第一张图片添加到列表中去
		var length = $('.banner ul li').length; //返回判断的数量

		// 循环图片容器的数量 并向提示按钮的容器添加子元素
		for (var i = 0; i < length - 1; i++) {
			$('.banner ol').append('<li></li>');
		}
		$('.banner ol li').first().addClass('on');

		// 鼠标触碰提示按钮
		$('.banner ol li').hover(function () {
			index = $(this).index();
			$('.banner ul').stop().animate({
				left: -index * imgwidth
			}, 800)
			$('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');

		})

		// 自动轮播 加定时器
		var timer = setInterval(sliderTimer, 2000)

		function sliderTimer() {
			index++;
			move()
		}

		// 给左右按钮绑定事件
		$('.btn_l').click(function () {
			index--
			move()
		})
		$('.btn_r').click(function () {
			index++
			move()
		})

		// 鼠标悬停事件
		$('.banner').hover(function () {
			clearInterval(timer)
		}, function () {
			timer = setInterval(sliderTimer, 2000)
		})

		// 移动事件
		function move() {
			if (index == length) {
				$('.banner ul').css({
					left: 0
				});
				index = 1;
			}
			if (index == -1) {
				$('.banner ul').css({
					left: -(length - 1) * imgwidth
				})
				index = length - 2
			}
			$('.banner ul').stop().animate({
				left: -index * imgwidth
			}, 800)

			if (index == length - 1) {
				// 如果索引值为最大值，那么就给第一个小圆点添加类名，其他兄弟删除类名
				$('.banner ol li').eq(0).addClass('on').siblings().removeClass('on');
			} else {
				$('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');
			}
		}
	})


	// 手风琴切换效果
	$(".panel").on("click", ".panel-header", function () {
		var next = $(this).next();
		next.slideToggle("slow");
		$(".panel-body").not(next).slideUp();
	})
</script>

</html>